	<!DOCTYPE html>
	<html lang="zxx" class="no-js">
	<head>
		{include file="./public/user/common/header.html" /}
	</head>
		<body>
			<!-- Start Header Area -->
			{include file="./public/user/common/header_one.html" /}
			<!-- End Header Area -->

			<!-- start banner Area -->
			<section class="banner-area relative" id="home" data-parallax="scroll" data-image-src="__static__/img/header-bg.jpg">
				<div class="overlay-bg overlay"></div>
				<div class="container">
					<div class="row fullscreen">
						<div class="banner-content d-flex align-items-center col-lg-12 col-md-12">
							<h1>
								A Discount Toner Cartridge <br>
								Is Better Than Ever.								
							</h1>
						</div>
						{if condition ='$user neq 0'}
						<div class="head-bottom-meta d-flex justify-content-between align-items-end col-lg-12">
							<div class="col-lg-6 flex-row d-flex meta-left no-padding">
								<p><span class="lnr lnr-heart"></span> {$like_com.like} Likes</p>
								<p><span class="lnr lnr-bubble"></span> {$like_com.comment} Comments</p>
							</div>
							<div class="col-lg-6 flex-row d-flex meta-right no-padding justify-content-end">
								<div class="user-meta">
									<h4 class="text-white">{$user.username}</h4>
									<p>{$user.lasttime} last login</p>
								</div>
								<img class="img-fluid user-img" style="width: 60px;height: 60px" src="/{$user.img}" alt="">
							</div>
						</div>
						{/if}
					</div>
				</div>
			</section>
			<!-- End banner Area -->	


			<!-- Start category Area -->
			<section class="category-area section-gap" id="news">
				<div class="container">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-70 col-lg-8">
							<div class="title text-center">
								<h1 class="mb-10">Latest News from all categories</h1>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore  et dolore magna aliqua.</p>
							</div>
						</div>
					</div>						
					<div class="active-cat-carusel">
						{volist name='compose' id='c'}
						{if condition ='$c.pid eq 1'}
						<div class="item single-cat">
							<img style="width: 340px;height: 210px" src="/{$c.img}" alt="">
							<!--<p class="date">10 Jan 2018</p>-->
							<p class="date">{$c.a}</p>
							<h4><a href="#" onclick="articleInfo({$c.id})">{$c.title}</a></h4>
						</div>
						{/if}
						{/volist}
					</div>												
				</div>	
			</section>
			<!-- End category Area -->
			
			<!-- Start travel Area -->
			<section class="travel-area section-gap" id="travel">
				<div class="container">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-70 col-lg-8">
							<div class="title text-center">
								<h1 class="mb-10">Hot topics from Travel Section</h1>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore  et dolore magna aliqua.</p>
							</div>
						</div>
					</div>
					<!--正文 start-->
					<div class="row">
						<!--左边-->
						<div class="col-lg-6 travel-left">
							{volist name = 'travel' id = 't' offset="0" length='2'}
							<div class="single-travel media pb-70">
							  <img class="img-fluid d-flex  mr-3" src="__static__/img/t1.jpg" alt="">
							  <div class="dates">
							  	<span>{$t.b.day}</span>
							  	<p>{$t.b.moth}</p>
							  </div>
							  <div class="media-body align-self-center">
							    <h4 class="mt-0"><a href="#" onclick="articleInfo({$t.id})">{$t.title}</a></h4>
							    <p>{$t.short_content}</p>
								<div class="meta-bottom d-flex justify-content-between">
									<p><span class="lnr lnr-heart"></span> {$t.likes} Likes</p>
									<p><span class="lnr lnr-bubble"></span> {$t.comment} Comments</p>
								</div>							 
							  </div>
							</div>
							{/volist}
						</div>
						<!--右边-->
						<div class="col-lg-6 travel-right">
							{volist name = 'travel' id = 't' offset="2" length='2'}
							<div class="single-travel media pb-70">
							  <img class="img-fluid d-flex  mr-3" src="__static__/img/t2.jpg" alt="">
								<div class="dates">
									<span>{$t.b.day}</span>
									<p>{$t.b.moth}</p>
								</div>
								<div class="media-body align-self-center">
									<h4 class="mt-0"><a href="#" onclick="articleInfo({$t.id})">{$t.title}</a></h4>
									<p>{$t.short_content}</p>
								<div class="meta-bottom d-flex justify-content-between">
									<p><span class="lnr lnr-heart"></span> {$t.likes} Likes</p>
									<p><span class="lnr lnr-bubble"></span> {$t.comment} Comments</p>
								</div>							 
							  </div>
							</div>
							{/volist}
						</div>

						<a href="#" onclick="generic(2)"
						   class="primary-btn load-more pbtn-2 text-uppercase mx-auto mt-60">Load More </a>
					</div>
					<!--正文 end-->
				</div>					
			</section>
			<!-- End travel Area -->

			<div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="留言板">留言板</a></div>

			<!-- Start fashion Area -->
			<section class="fashion-area section-gap" id="fashion">
				<div class="container">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-70 col-lg-8">
							<div class="title text-center">
								<h1 class="mb-10">Fashion News This Week</h1>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore  et dolore magna aliqua.</p>
							</div>
						</div>
					</div>
					<div class="row">
						{volist name ='fashion' id ='f' offset='0' length='4'}
						<div class="col-lg-3 col-md-6 single-fashion">
							<img class="img-fluid" style="width: 500px;height: 200px" src="/{$f.img}" alt="">
							<p class="date">{$f.a}</p>
							<h4><a href="#" onclick="articleInfo({$f.id})">{$f.title}</a></h4>
							<p>{$f.short_content}</p>
							<div class="meta-bottom d-flex justify-content-between">
								<p><span class="lnr lnr-heart"></span> {$f.likes} Likes</p>
								<p><span class="lnr lnr-bubble"></span> {$f.comment} Comments</p>
							</div>
						</div>
						{/volist}

						<a href="#" onclick="generic(3)"
						   class="primary-btn load-more pbtn-2 text-uppercase mx-auto mt-60">Load More </a>
					</div>
				</div>
			</section>
			<!-- End fashion Area -->
			
			<!-- Start team Area -->
			<section class="team-area section-gap" id="team">
				<div class="container">
					<div class="row d-flex justify-content-center">
						<div class="menu-content pb-70 col-lg-8">
							<div class="title text-center">
								<h1 class="mb-10">About Blogger Team</h1>
								<p>Who are in extremely love with eco friendly system.</p>
							</div>
						</div>
					</div>						
					<div class="row justify-content-center d-flex align-items-center">
						<div class="col-lg-6 team-left">
							<p>
								inappropriate behavior is often laughed off as “boys will be boys,” women face higher conduct standards especially in the workplace. That’s why it’s crucial that, as women, our behavior on the job is beyond reproach. inappropriate behavior is often laughed off as “boys will be boys,” women face higher conduct standards especially in the workplace. That’s why it’s crucial that.
							</p>
							<p>
								inappropriate behavior is often laughed off as “boys will be boys,” women face higher conduct standards especially in the workplace. That’s why it’s crucial that, as women.
							</p>
						</div>
						<div class="col-lg-6 team-right d-flex justify-content-center">
							<div class="row active-team-carusel">
								<div class="single-team">
								    <div class="thumb">
								        <img class="img-fluid" src="__static__/img/team1.jpg" alt="">
								        <div class="align-items-center justify-content-center d-flex">
											<a href="#"><i class="fa fa-facebook"></i></a>
											<a href="#"><i class="fa fa-twitter"></i></a>
											<a href="#"><i class="fa fa-linkedin"></i></a>
								        </div>
								    </div>
								    <div class="meta-text mt-30 text-center">
									    <h4>Dora Walker</h4>
									    <p>Senior Core Developer</p>									    	
								    </div>
								</div>
								<div class="single-team">
								    <div class="thumb">
								        <img class="img-fluid" src="__static__/img/team2.jpg" alt="">
								        <div class="align-items-center justify-content-center d-flex">
											<a href="#"><i class="fa fa-facebook"></i>facebook</a>
											<a href="#"><i class="fa fa-twitter"></i>QQ</a>
											<a href="#"><i class="fa fa-linkedin"></i>weChat</a>
								        </div>
								    </div>
								    <div class="meta-text mt-30 text-center">
									    <h4>Lena Keller</h4>
									    <p>Creative Content Developer</p>			    	
								    </div>
								</div>													
							</div>
						</div>
					</div>
				</div>	
			</section>
			<!-- End team Area -->
			
			<!-- start footer Area -->
			{include file="./public/user/common/footer.html" /}
			<!-- End footer Area -->

			{include file="./public/user/common/JS.html" /}
		<script src="__static__/js/user/compose_list.js"></script>
		</body>
	</html>
